@charset "UTF-8";
/*
这是每个都组件都应该引用的部分
*/
.oni-datepicker { position: relative; display: block; font-size: 0; white-space: nowrap; color: #333; z-index: 10; width: auto; margin-left: -1px; }
.oni-datepicker tr, .oni-datepicker td, .oni-datepicker th { border: 0; }
.oni-datepicker .oni-icon { text-indent: 0; }
.oni-datepicker .oni-icon-calendar-o { padding: 0 6px; vertical-align: top; text-indent: 0; display: inline; }
.oni-datepicker .oni-dropdown-source { margin-top: -2px; *margin-top: 0; }
.oni-datepicker .oni-dropdown-source .oni-dropdown-input { padding: 0 21px 0 6px; line-height: 20px; height: 20px; }
.oni-datepicker .oni-dropdown-source .oni-dropdown-icon { top: -20px; line-height: 20px; }

.oni-datepicker-wrapper { padding: 9px 0 9px 10px; border: 1px solid #cccccc; box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1); position: absolute; background: #fff; }

.oni-datepicker-content { border: 1px solid #e5e5e5; font-size: 12px; margin-right: 10px; background: #fff; }

.oni-datepicker-label { background-color: #f8f8f8; border-bottom: 1px solid #e5e5e5; font-weight: 700; padding: 7px 0; text-align: center; }

.oni-datepicker-timer { border-top: 1px solid #efefef; padding: 5px 0; }
.oni-datepicker-timer .oni-btn { height: 26px; overflow: visible; _overflow-y: hidden; padding: 0 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; font-size: 12px; color: #333333; background-color: #f8f8f8; border: 1px solid #cccccc; cursor: pointer; }
.oni-datepicker-timer .oni-btn:hover { box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1); background-color: #f8f8f8; border-color: #bbbbbb; color: #333333; }
.oni-datepicker-timer .oni-btn-small { height: 22px; padding: 0 5px; font-size: 12px; }
.oni-datepicker-timer p, .oni-datepicker-timer label { margin: 0; }
.oni-datepicker-timer p span, .oni-datepicker-timer label span { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 50px; }

.oni-datepicker-content-content { padding: 0 10px; width: 196px; position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; white-space: normal; word-break: break-word; }

.oni-datepicker-watermark { position: absolute; top: 60px; left: 10px; width: 196px; height: 150px; background: transparent; color: #000; _color: #f2f2f2; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=5); opacity: 0.05; font-size: 150px; line-height: 150px; text-align: center; }

.oni-datepicker-month-year span { display: block; width: 23%; height: 42px; line-height: 42px; float: left; margin: 1%; cursor: pointer; text-align: center; _margin-left: -1px; }
.oni-datepicker-month-year .oni-datepicker-prev, .oni-datepicker-month-year .oni-datepicker-next { height: auto; line-height: auto; position: relative; width: auto; }
.oni-datepicker-month-year .oni-datepicker-day-hover { background: #dbebff; }
.oni-datepicker-month-year .oni-datepicker-selected { background: #3775c0; color: #fff; }
.oni-datepicker-month-year .oni-datepicker-prev-year, .oni-datepicker-month-year .oni-datepicker-next-year { color: #999999; }
.oni-datepicker-month-year .oni-state-disabled { color: #cccccc; cursor: default; background: transparent; }

.oni-datepicker-header { position: relative; height: 30px; line-height: 30px; }

.oni-datepicker .oni-datepicker-prev, .oni-datepicker .oni-datepicker-next { color: #3775c0; cursor: pointer; height: 30px; line-height: 30px; position: absolute; text-align: center; width: 20px; z-index: 1; }

.oni-datepicker .oni-datepicker-prev { left: 0; }

.oni-datepicker .oni-datepicker-next { right: 0; }

.oni-datepicker-content-content .oni-datepicker-prev { left: 0; top: 0; }

.oni-datepicker-content-content .oni-datepicker-next { right: 0; top: 0; }

.oni-datepicker .oni-datepicker-prev-disabled, .oni-datepicker .oni-datepicker-next-disabled { color: #cccccc; cursor: default; }

.oni-datepicker-title { color: #3775c0; font-weight: 700; text-align: center; }
.oni-datepicker-title span.oni-state-hover { background: #dbebff; padding: 5px 10px; }

.oni-datepicker-calendar-days { height: 150px; position: relative; z-index: 20; }

.oni-datepicker-calendar-week, .oni-datepicker-calendar-days { border-collapse: collapse; margin-bottom: 5px; table-layout: fixed; width: 100%; border-spacing: 0; }

.oni-datepicker-calendar-week th { border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; padding: 3px 0; text-align: center; line-height: 18px; font-weight: 400; font-size: 12px; }

.oni-datepicker-week-end, .oni-datepicker-calendar-days .oni-datepicker-week-end { color: #ff5555; }

.oni-datepicker-calendar-days td { color: #333333; cursor: pointer; text-align: center; line-height: 18px; padding: 3px 0; background: transparent; }

.oni-datepicker-default { background: #fff; }

.oni-datepicker-calendar-days .oni-datepicker-day-hover { background: #dbebff; }

.oni-datepicker-today { font-family: pmingliu, arial, sans-serif; font-size: 11px; }

@media screen and (-webkit-transform-2d: 1) { .oni-datepicker-today { /* font-size: 12px; */ -webkit-transform: scale(0.91667); } }
.oni-datepicker-day-none { cursor: auto; }

.oni-datepicker-calendar-days .oni-datepicker-selected { background: #3775c0; color: #fff; }

.oni-datepicker-calendar-days .oni-state-disabled { color: #cccccc; cursor: default; background: transparent; }

.oni-datepicker-multiple .oni-datepicker-content { border-right: 0; }
.oni-datepicker-multiple .oni-datepicker-content-content { border-right: 1px solid #e5e5e5; }

.oni-datepicker-dropdown .oni-dropdown-item { color: #333333; font-size: 12px; padding: 0; text-indent: 0; text-align: center; }
.oni-datepicker-dropdown .oni-dropdown-item-hover { background: #f5f5f5; }
.oni-datepicker-dropdown .oni-dropdown-item-selected { background: #3775c0; }
.oni-datepicker-dropdown .oni-dropdown:hover .oni-dropdown-source { border-color: #3775c0; border-bottom-color: #cccccc; }

.oni-datepicker-input-wrapper { background: #ffffff; border: 1px solid #cccccc; cursor: pointer; color: #333; font-size: 12px; position: relative; display: inline-block; *display: inline; zoom: 1; z-index: 1; }
.oni-datepicker-input-wrapper input { border: 0 none; cursor: pointer; outline: none; padding: 3px 90px 3px 6px; width: 90px; height: 18px; margin: 0; font-size: 12px; }

.oni-datepicker-tip { position: absolute; top: 3px; right: 10px; line-height: 18px; height: 18px; color: #b5b5b5; }

.oni-datepicker-active { border-color: #3775c0; }
